<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<title>Getting Started: Serving Web Content</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<style type="text/css">

		</style>
		<link rel="stylesheet" href="base/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="base/bootstrap/css/bootstrap-theme.min.css" />
	</head>

	<body style="margin: 0;font-family: '微软雅黑';display: none;overflow:hidden;">
		<div class="nx-layout-top">
			<div class="top-left-title am-vertical-align">
				<div class="am-vertical-align-middle">
					<div class="top-left-title-systemname">
						<!--家帮忙-->
					</div>
					<div class="top-left-title-subname">
						<!--后台管理中心-->
					</div>
				</div>
			</div>
			<div class="top-mid-menu">
				<!--<div class="dropdown" style="height: 100%;width: 100px;text-align: center;background-color: deepskyblue;">
					<div class="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						<img src="../img/bg.png" style="height: 50px;width: 50px;" />
						<div>aaaa</div>
					</div>
					<ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="padding: 10px;width: 100px;">
						<li>
							<div class="" style="font-size: 14px;">
								<span class="glyphicon glyphicon-log-out"></span>&nbsp;退出登录
							</div>
						</li>
						<li>
							<div class="" style="font-size: 14px;">
								<span class="glyphicon glyphicon-log-out"></span>&nbsp;退出登录
							</div>
						</li>
					</ul>
				</div>-->
				<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>
			</div>
			<div class="top-right-usercenter">

			</div>
		</div>
		<div class="nx-layout-content">
			<div class="left_menu">
				<ul id="left-menu" class="ul-menu list-group" style="">
					<li v-on:click="onselect(index)" v-bind:class="liclass(index)" style="" v-for="item,index in items">
						<div class="li-menu-content-wrapper-selected">
							<div v-bind:class="cebianclass(index)">
							</div>
							<div class="li-menu-content am-vertical-align">
								<span style="margin-left: 10px;" v-bind:class="iconClass(index)" aria-hidden="true"></span>
								<span class="am-vertical-align-middle" style="margin-left: 5px;">{{item.text}}</span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="right_content">
				<div class="card" style="background-color: white; height: calc(100% - 40px);width: calc(100% - 40px); margin: 20px;">
					<iframe src="publicRentalHousing.html" style="border: none;width:100%;height: 100%;"></iframe>
				</div>
			</div>
		</div>
		<div id="serverDataPagename" th:text="${pagename}" style="display: none"></div>
		<script src="./js/base.js"></script>
	</body>

</html>